<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>行情慧眼</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link href="<s:url value="/resources"/>/mei123/css/hqhy.css" rel="stylesheet" type="text/css">
    
    <script src="<s:url value="/resources"/>/js/jquery-1.9.1.min.js"type="text/javascript"></script>
    <script src="<s:url value="/resources"/>/echarts/echarts.min.js"></script>
     <script src="/BIGDATA/resources/echarts/map/js/china1.js"></script>
    <%-- <script src="<s:url value="/resources"/>/echarts/build/dist/echarts.js"></script>  --%>
 	<script type='text/javascript' src='<s:url value="/resources"/>/echarts/myechart/mapChart.js'></script>
 	<script type='text/javascript' src='<s:url value="/resources"/>/echarts/myechart/linebarChart.js'></script>
 	<script src="<s:url value="/resources"/>/echartsPersonal.js"></script>
 	
 	<script type='text/javascript' >
		/* require.config({
			paths: {
				echarts: '../resources/echarts/build/dist'
			}
		}); */
        
        $(document).ready(function(){ 
		// 路径配置
        	loadMap("../outputsalescontroller/getOutputForAllnation","allmap");
        	loadbarline("../outputsalescontroller/getSalesList","allbarline");
        	loadbarline("../outputsalescontroller/getPortStockList","portbarline");
        	areaChart("../outputsalescontroller/getPowerStockList","alllinearea");
        });
 	</script>
  </head>
  
  <body>
 <!-----内容 自适应------>
 
 <div class="hqhy_cont">
   <!-----更新时间
   <div class="hq_time">更新时间：<span>2017-06-29</span></div>
   ----->
   <!-----左侧----->
   <div class="box_l">
     <!-----box1----->
     <div class="box01">
       <div class="danwei">更新时间：${sj }</div>
       <div class="hq_tit">铁路煤炭运量</div>
       <div class="box01_cont">
         <table  border="0">
            <tr>
              <td width="26%">&nbsp;</td>
              <td width="24%">月运量（万吨）</td>
              <td width="50%">全年量/上一年量占比</td>
            </tr>        
            <tr class="color_bg2">
              <td>全国</td>
              <td class="t_blue">${dyzwd }</td>
              <td width="41%"><div class="bai_bg"><div class="bai" style="width:${per_qg}%;"></div></div></td>
              <td width="13%" class="t_blue">${per_qg}%</td>
            </tr>
            <tr>
              <td>山西省</td>
              <td class="t_blue">${dyzwd_sx }</td>
              <td><div class="bai_bg"><div class="bai" style="width:${per_sx}%;"></div></div></td>
              <td class="t_blue">${per_sx}%</td>
            </tr>
            <tr class="color_bg2">
              <td>大秦线</td>
              <td class="t_blue">${dyzwd_dqx }</td>
              <td><div class="bai_bg"><div class="bai" style="width:${per_dq}%;"></div></div></td>
              <td class="t_blue">${per_dq}%</td>
            </tr>
          </table>
       </div>
     </div>
     <div class="box234">
       <!-----box2----->
       <div class="box02">
         <div class="danwei">更新时间：${sj_kc }（万吨）</div>
         <ul>
           <li><h3>全国煤企库存</h3><p>${ymkcwd }</p></li>
           <li><h3>国有重点矿库存</h3><p>${ymkcwd_zdk }</p></li>
           <li><h3>全国电网煤炭库存</h3><p> ${ymkcwd_dw }</p></li>
         </ul>
       </div>
       <div class="box34">
           <!-----box3----->
           <div class="box03">
             <div class="hq_tit">港口库存</div>
             <div class="box03_cont" id="portbarline" style="height:100%;width:100%">
               <!-----插件位置----->
               
             </div>
           </div>
           <!-----box4----->
           <div class="box04">
             <div class="hq_tit">沿海六大电厂库存及可用天数</div>
             <div class="box04_cont" id="alllinearea" style="height:100%;width:100%">
               <!-----插件位置----->
               
             </div>
           </div>
       </div>
     </div>
   </div>
   <!-----中----->
   <div class="box_m">
     <!-----box5----->
     <div class="box05">
       <div class="hq_tit" id="box05_mtcl">煤炭产量</div>
       <div class="box05_cont" id="allmap" style="height:100%;width:100%">
          <!-----插件位置----->
               
       </div>
     </div>
     <!-----box6----->
     <div class="box06">
       <div class="hq_tit">煤炭销量（万吨）</div>
       <div class="box06_cont" id="allbarline"  style="height:100%;width:100%">
          <!-----插件位置----->
               
       </div>
     </div>
   </div>
   <!-----右侧----->
   <div class="box_r">
      <!-----box7----->
      <div class="box07">
         <div class="danwei">单位：万吨</div>
         <ul>
           <li><h3>进口煤炭（含褐煤）量</h3><p class="t_cyan">10,425,700</p></li>
           <li><h3>出口煤炭（含褐煤）量</h3><p class="t_red">10,425,700</p></li>
         </ul>
       </div>
     <!-----box8----->
     <div class="box08">
       <table width="100%" border="0">
          <tr>
            <td>&nbsp;</td>
            <td>炼焦煤</td>
            <td>褐煤</td>
            <td>无烟煤</td>
            <td>其他</td>
          </tr>
          <tr>
            <td>进口量</td>
            <td>125500</td>
            <td>125500</td>
            <td>125500</td>
            <td>125500</td>
          </tr>
          <tr>
            <td>出口量</td>
            <td>125500</td>
            <td>125500</td>
            <td>125500</td>
            <td>125500</td>
          </tr>
        </table>
     </div>
     <div class="box09101112">
     <%@include file="../cockpit/tradeinner.jsp" %>
       <!-----box9----->
       <div class="box09">
         <h3>进口煤种占比</h3>
         <ul>
           <li><!-----插件位置-----><div style="width:100%;height:100%" id="chartDiv1"></div><span>炼焦煤</span></li>
           <li><!-----插件位置-----><div style="width:100%;height:100%" id="chartDiv2"></div><span>褐煤</span></li>
           <li><!-----插件位置-----><div style="width:100%;height:100%" id="chartDiv3"></div><span>无烟煤</span></li>
           <li><!-----插件位置-----></li>
         </ul>
       </div>
       <%@include file="../cockpit/priceIndices.jsp" %>
       <!-----box10----->
       <div class="box10">
          <div class="hq_tit">环渤海动力煤价格指数</div>
          <div id="priceIndices1" class="box10_cont">
            <!-----插件位置----->
          </div>
       </div>
       <!-----box10----->
       <div class="box10">
          <div class="hq_tit">中国（太原）煤炭交易中心价格指数</div>
          <div id="priceIndices2" class="box10_cont">
            <!-----插件位置----->
          </div>
       </div>
       <!-----box10----->
       <div class="box10">
          <div class="hq_tit">国外三家价格指数</div>
          <div id="priceIndices3" class="box10_cont">
            <!-----插件位置----->
          </div>
       </div>
      
     </div>
   </div>
 </div>
  </body>
</html>
